草庐IT

AngularJS 输入验证

全部标签

javascript - Formik 和 yup 表单验证无法按预期使用 Virtualized Select

为了进行表单验证,我使用formik创建了一个表单。我已经使用了组件Formik、Form、Fieldformformik并配置了它们:import{Formik,Form,Field}from"formik";import{object,string}from"yup";importisEmptyfrom"lodash/isEmpty";importFormikSelectInputfrom"../common/FormikSelectInput";classAppextendsComponent{render(){constoptions=this.props.categories

javascript - 使用 Vue 单击并编辑文本输入

我正在寻找一个点击并编辑的Vue组件。我找到了afiddle并做了一些编辑。它是这样工作的:Thefiddleishere.问题:我需要额外的点击才能使输入聚焦。如何让它自动聚焦?来自fiddle的代码。HTML:Clickthevaluestoedit!{{todo.title}}JS:newVue({el:'#app',data:{todos:[{'title':'onevalue','edit':false},{'title':'onevalue','edit':false},{'title':'otrotitulo','edit':false}],editedTodo:null

javascript - React-testing-library:因输入而改变

我正在尝试测试组件是否会因输入元素的更改而更新。我使用fireEvent.change()函数,如果我随后检查我使用getByPlaceholderText找到的节点的值,它已按预期更新。但是我看不到react组件本身的变化。这可能是因为更改直到重新渲染才会发生;我将如何测试这个?react-testing-library的rerender似乎“从头开始”启动组件(即没有新的输入值),并且waitForElement永远找不到它在等待什么。这是组件TestForm.js:importReactfrom'react';import{withState}from'recompose';co

javascript - 来自输入元素的文件数据

在Firefox3中可以访问的内容元素如下所示。假设一个表单包含以下元素:现在可以通过以下方式访问所选文件的数据://Getthefile'sdataasadata:URLdocument.getElementById('myinput').files[0].getAsDataURL()是否有跨浏览器的方式来完成同样的事情?此功能的Firefox文档:https://developer.mozilla.org/en/nsIDOMFileListhttps://developer.mozilla.org/en/nsIDOMFile 最佳答案

javascript - 将 WMD 编辑器的预览 HTML 与服务器端 HTML 验证对齐(例如,没有嵌入的 JavaScript 代码)

关于如何对WMD编辑器生成的Markdown进行服务器端清理以确保生成的HTML不包含恶意脚本,如下所示:但我也没有找到堵住客户端漏洞的好方法。当然,客户端验证不能替代服务器上的清理验证,因为任何人都可以假装是客户端并向您发送令人讨厌的Markdown。而且,如果您在服务器上删除HTML,攻击者将无法保存错误的HTML,这样其他人以后就无法看到它,并且他们的cookie被盗或session被错误的脚本劫持。因此,有一个有效的案例表明,在WMD预览Pane中执行无脚本规则可能也不值得。但想象一下,攻击者找到了一种将恶意Markdown放到服务器上的方法(例如,来自另一个站点的受损提要,或

javascript - URL 验证 - 接受没有协议(protocol)的 URL

我的应用程序中有一个基本的URL验证。现在我正在使用以下代码。//validateswhetherthegivenvalueis//avalidURLfunctionvalidateUrl(value){varregexp=/(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/returnregexp.test(value);}但是现在它不接受没有协议(protocol)的URL。对于前。如果我提供www.google.com它不接受它。我如何修改RegEx以使其接受无协议(

javascript - 如何使用输入字段名称 ="array[]"jQuery ajax?

我有几个动态创建的隐藏输入字段。其中大部分的名称格式为array[]问题1:我如何使用jQuery.ajax()或.post()从每个名为array[]的字段中获取值并传递它们以便它们可以在我的PHP页面中作为$_POST['array']检索?问题2:假设的话。假设我不知道所述字段的名称,而只知道表单的名称。我怎样才能仍然做与问题1中相同的事情?我在jQuery文档中找到了.serializeArray(),但我不知道我在用它做什么,我什至不确定这是否适用于我不知道字段名称。提前致谢。 最佳答案 您想使用.serialize()在

javascript - 如何使用 Javascript 根据复选框的状态更改隐藏输入的值?

我正在尝试根据复选框的值更改隐藏输入字段的值。我对Javascript了解不多,但这是我目前所知道的。varchecked=document.getElementById('checkbox').checked;functionterms(){if(checked==false){document.getElementById('delterms').value=''}else{document.getElementById('delterms').value='Accepted'}}我让它工作但只在第一次点击时,是否有根据复选框状态设置值的方法?我怀疑有一些简单得多的方法,而且我确信

javascript - 这是对复选框输入的默认点击事件的核心误解,还是有缺陷的代码?

当绑定(bind)到复选框输入的点击事件时,该复选框在我的事件处理程序运行时已经切换,更奇怪的是,如果我指定event.preventDefault();functionclicked(evt){alert(document.getElementById('foo').checked);evt.preventDefault();}document.getElementById('foo').addEventListener('click',clicked);[在chrome和firefox中测试]JSFiddleforthatcode警报将响应“true”(或复选框预单击的相反状态)。

javascript - 如何使用 Twitter Bootstrap 2.0 验证输入字段并应用错误类?

我有一个像下面这样的字段:LastName我正在尝试使用以下jquery来验证一些输入并在需要时添加错误类:vardiv=$("#lname").parent("div.control-group");....div.removeClass("success");div.addClass("error");理想情况下,我需要遍历多个输入并选择字段来进行验证。我当前的代码没有添加错误类。知道为什么吗? 最佳答案 你应该使用parents方法而不是parentvardiv=$("#lname").parents("div.control